<template>
  <div class="RecommendContainer">
    <Video/>
  </div>
</template>

<script lang="ts">
import {defineComponent} from "vue";
export default defineComponent({
  name: "Recommend",
});

</script>

<script lang="ts" setup>
import Video from "@/components/Video/index.vue";
import {onMounted, ref} from "vue";
import {reqGetVideoAsync} from "@/api/home";
import {ElMessage} from "element-plus";

// onMounted(()=>{
//   getVideo()
// })
// const VideoList = ref([])
// const pageNum = ref<number>(0)
// const pageSize = ref<number>(20)
// // 获取首页推荐下的视频
// const getVideo = async ()=>{
//   try {
//     const re = await reqGetVideoAsync(pageNum.value,pageSize.value)
//     VideoList.value = re.data.content
//     // console.log(re.data.content)
//   }catch (e) {
//     ElMessage.error('获取视频失败')
//   }
// }
</script>

<style lang="scss" scoped>
.RecommendContainer {
  width: 100%;
  margin: 0 auto;
  background-color: #f4f4f4;
}
</style>
